$unit:0.5px;
#echart{
  height: 560*$unit;
  width: 700*$unit;
}
.flex{
  display: flex;
  overflow: hidden;
}
.flex1{
  flex:1;
  overflow: hidden;
}
.w1{
  width: 100*$unit;
}
.w2{
  text-align: center;
}
.w3{
  width: 90*$unit;
  text-align: center;
}
.arrow{
  width: 40*$unit;
  text-align: center;
}
.table{
  font-size: 28*$unit;
  color: #333333;
}
.thead{
  height: 50*$unit;
  align-items: center;
  color: #3d6ff0;
}
.dcontent{
  padding: 20px 0;
  line-height: 1.4;
  font-size: 26*$unit;
  box-sizing: border-box;
}
.tr{
  border-bottom: 1px solid #ebeef5;
  height: 90*$unit;
  align-items: center;
}
.line{
  margin-bottom: 10*$unit;
}
.attrname{
  color: #3d6ff0;
}
.bold{
  font-weight: bold;
}
.arrowicon{
   transition: transform .2s ease-in-out;
   font-size: 40*$unit;
}
.change{
  transform: rotate(90deg);
}
.hide{
  display: none;
}
.r-top{
  padding-top: 60*$unit;
  margin-bottom: 20*$unit;
}
.r-title{
  color: #3D6FF0;
  font-size: 48*$unit;
}
.r-desc{
  color: #3D6FF0;
  font-size: 28*$unit;
  line-height: 60*$unit;
  margin-bottom: 44*$unit;
}
.r-label{
  color: #3D6FF0;
  font-size: 32*$unit;
  padding-top: 60*$unit;
  padding-bottom: 40*$unit;
}